<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>上善若水</title>
    <style>
     .wai1 img{
         float: left;
         margin-left: 300px;
         margin-top: -18px;
     }
     .p1{
         margin-left: 800px;
         margin-top: 20px;
     }
     a{
         text-decoration: none;
         color: black;
         margin-left: 30px;
         }
    .wai1{
             border: black solid 1px;
             border-top: none;
             border-left: none;
             border-right: none;
             height: 60px;
         }
     h3{
             text-align: center;
             clear: left;
             }
     span{
         border-bottom: solid 4px rgb(49,191,195);
         
         padding-bottom: 10px;
     } 
     .p2{
         margin-left:480px ;
         margin-top:50px;
         
     }
     .p2 a{
         background-color:rgb(49,191,195) ;
        padding: 10px;
        color: white;
       }
     .nei1{
         background-color: rgb(242,242,242);
         height: 400px;
         width: 300px;
         border: solid 1px rgb(242,242,242);
         margin-top: 50px;
         margin-left: 300px;
         float: left;
         margin-bottom: 5px;
     }
     .xiao1{
        margin-top:250px;
        background-color: white;
        padding: 30px 0;
        text-align: center;
     }
     .rmb{
         background-color:rgb(49,191,195) ;
        padding: 14px;
        border: none;
        margin-left: 112px;
        color: white;
     }
     .nei2{
         background-color: rgb(242,242,242);
         height: 400px;
         width: 300px;
         border: solid 1px rgb(242,242,242);
         margin-top: 50px;
         margin-left: 20px;
         float: left;
         margin-bottom: 10px;
     }
     
     .a1 {
         color: white;
         padding: 0 43px 0 32px;
         border-right: white 1px solid;
        
     }
    .wai3 p {
        margin-left: 240px;
        padding:30px 0;
       
    }  
    .wai3 img{
        margin-bottom: -5px;
    }       
     #wei{
         border-right: none;
     }
     .nei3{
         border-top: solid white 1px;
         margin-left:  300px;
         width:950px;
         padding-top: 20px;
         margin-top: -10px;
        
     }
     dl{
         color: white;
         
         float: left;
     }
     dd a{
         color: white;
         font-size: 12px;
         margin-left: -40px;
     }
    
    .wai3 .xiao{
        float: left;
        width: 180px;
        border-left: white 1px solid;
        color: white;
        margin-left: 50px;
        padding-left: 0px;
        height: 110px;

    }
    
    #kf{
        color: white;
        border: white solid 1px;
        padding:5px 20px ;
        margin-top: 10px;
        font-size: 14px;
        margin-left: 25px;
    }
    #dh{
        margin-left: 10px;
        border: none;
        font-size: 20px;
    }
    
    #tu{
        margin-left: 20px;
    }
    .zong{
        width:1500px;
        height: auto;
    }
     .wai4{
         background-color: black;
         color: white;
         padding: 30px 350px;
         text-align: center;
         margin-top: 0px;
         height: 250px;
     }
     .wai4 a{
         display: inline-block;
         color: white;
         background-color: rgb(49,191,195);
         padding: 5px 20px;
         margin-top: 50px;
        }
        .nei4{
         padding: 5px;
         height: auto;
         width: 300px;
         border: solid 1px rgb(242,242,242);
         margin-top: 50px;
         margin-left: 20px;
         float: left;
         margin-bottom: 20px;
         
     }
     .nei4 img{
         float: left;
         margin-top: 5px;
         margin-right: 5px;

     }
     .p3{
         font-weight: bolder;
     }
     #nei4{
         margin-left: 300px;
     }
     .nei5{
         
         height: 500px;
         width: 300px;
         border: solid 1px rgb(242,242,242);
         margin-top: 50px;
         margin-left: 20px;
         float: left;
         margin-bottom: 20px;
         text-align: center;
     }
     .xiao3{
         background-color:rgb(49,191,195) ;
        margin:0 auto;
        margin-top: -20px;
         color: white;
         width: 200px;
         font-size: 20px;
         padding: 50px 10px;
        }
        .nei5 a{
            display: inline-block;
         color: white;
         background-color: rgb(49,191,195);
         padding: 5px 30px;
         margin-top: 40px;
         margin-left: -10px;
         
        }
     #nei5{
         margin-left: 300px;
     }
     #dayuan{
         float: right;
         width: 200px;
         height: 200px;
     }
    .wai5 h3,.wai6 h3 {
        text-align:left ;
       font-size: 20px;
    }
    .wai5{
        width: 950px;
        margin:150px 0 50px 300px;
        height: 200px;
        clear: left;
       padding-top: 50px;
       font-size: 12px;
       line-height: 25px;
    }
    .wai5 a{
        color: white;
         background-color: rgb(49,191,195);
         padding: 8px 40px;
         margin-left: 0;
         border-radius:20px;
    }
    .wai6{
        width: 950px;
        margin:150px 0 50px 300px;
        height: auto;
        clear: left;
      
       font-size: 12px;
       line-height: 25px;
    }
    .tu6{
        float: left;
        margin-top: 15px;
        width:200px;
      
        margin-left: 0;
    }
    .nei6{
        
        width: 700px;
        float: left;
        margin-left: 20px;
       
    }
    #xiaoyuan{
        width: 70px;
        margin-top: 0;
       
    }
    .nei6 a{
        color: #ccc;
     }
     .nei6 dd{
         margin-left: 80px;
     }
     .wai6 dl{
         margin-left:100px;
         margin-bottom: 50px;
     }
     #gstd{
         margin-left: -30px;
     }
    .wai7 h3,.wai8 h3{
         text-align: center;
         margin: 50px 0 50px;
     }
     .wai7 a{
        color: rgb(49,191,195);
        margin-left: 20px;
        line-height: 50px;
     }
     .wai7 p{
         padding: 20px;
         border-top: 1px solid rgb(242,242,242);
     }
     .wai7 img{
         margin-left: 780px;
     }
     .wai8 img{
         margin: 30px 0 30px 100px;
        
     }
     .nei3 dl{
         margin-left: 87px;
     }
     .wai3{
         height:300px;
         background-color: black;
         clear: left;
         margin-top:20px;
         width: 1500px;
         margin-left: -300px;
     }
     .wai3 dt{
         font-size: 16px;
     }
     #dl1{
         margin-left: 0px;
     }
     .xiao dl{
        margin-left: 27px;
    }
    #zuihou{
        margin-left: 20px;
    }
    </style>
</head>
<body>
    <div class="zong">
    <div class="wai1">
     <img src="image/logo.jpg" alt="logo" >
     <p class="p1"><a href="">首页</a><a href="">公司注册</a><a href="">代理记账</a><a href="">商标服务</a><a href="">审计验资</a></p>
    </div>
    <div class="wai4">
        <h2>探索用户体验与工程实践</h2>
        SEE=Seeking EXperience & Engineering,意为探索用户体验与工程实践，由蚂蚁金服集团每年举办1-2次，
        包括专业分享、产品展台、Workshop等内容。<br>
        <a href="">了解更多</a>
    </div>
    <div class="nei4" id="nei4">
      <img src="image/bannner1.png" alt="">
      
         <p class="p3">一对一服务</p> 
         <p>全程代办，最快7天下证</p> 
      
      
    </div>
    <div class="nei4" >
        <img src="image/bannner1.png" alt="">
        
           <p class="p3">一对一服务</p> 
           <p>全程代办，最快7天下证</p> 
        
        
      </div>
      <div class="nei4" >
        <img src="image/bannner1.png" alt="">
        
           <p class="p3">一对一服务</p> 
           <p>全程代办，最快7天下证</p> 
        
        
      </div>
      <h3><span>省心套餐</span></h3>
      <div class="nei5" id="nei5">
          <p class="xiao3">公司注册+代理记账<br>¥6888</p>
          <p>公司免费核名</p>
          <p>公司注册</p>
          <p>小规模零申报</p>
          <p>记账报税</p>
          <p>工商年报</p>
          <a href="">立即咨询</a>

      </div>
      <div class="nei5">
        <p class="xiao3">公司注册+代理记账<br>¥6888</p>
        <p>公司免费核名</p>
        <p>公司注册</p>
        <p>小规模零申报</p>
        <p>记账报税</p>
        <p>工商年报</p>
        <a href="">立即咨询</a>

    </div>
    <div class="nei5">
        <p class="xiao3">公司注册+代理记账<br>¥6888</p>
        <p>公司免费核名</p>
        <p>公司注册</p>
        <p>小规模零申报</p>
        <p>记账报税</p>
        <p>工商年报</p>
        <a href="">立即咨询</a>

    </div>

    <div class="wai2">
        <h3><span>热门服务</span></h3>
        <p class="p2"><a href="">公司注册</a><a href="">代理记账</a><a href="">资质审批</a><a href="">审计验资</a><a href="">商标</a></p>
        <div class="nei1">
            &nbsp
            <p class="xiao1">
             有限公司注册
            </p>
            <p class="xiao2">一站式企业服务<span class="rmb">¥6888</span></p>
        </div>
        <div class="nei2">
            &nbsp
            <p class="xiao1">
                公司注册+代理记账
            </p>
            <p class="xiao2">一站式企业服务<span class="rmb">¥6888</span></p>
        </div>
        <div class="nei2">
            &nbsp
            <p class="xiao1">
                公司注册+代理记账
            </p>
            <p class="xiao2">一站式企业服务<span class="rmb">¥6888</span></p>
        </div>
        <div class="nei1">
            &nbsp
            <p class="xiao1">
                公司注册+代理记账
            </p>
            <p class="xiao2">一站式企业服务<span class="rmb">¥6888</span></p>
        </div>
        <div class="nei2">
            &nbsp
            <p class="xiao1">
                公司注册+代理记账
            </p>
            <p class="xiao2">一站式企业服务<span class="rmb">¥6888</span></p>
        </div>
        <div class="nei2">
            &nbsp
            <p class="xiao1">
                公司注册+代理记账
            </p>
            <p class="xiao2">一站式企业服务<span class="rmb">¥6888</span></p>
        </div>

        <div class="wai5">
            <img src="image/bannner1.png" alt="" id="dayuan">
            <h3><span>关于我们</span></h3>
            <p>从2015年4月起，Ant Design 在蚂蚁金服中后台产品线迅速推广，对接多条业务线，覆盖系统800个以上。定位于中台业务的 Ant Design兼顾专业和非专业的设计人员，具有学习成本低、上手速度快、实现效果好等特点，并且提供从界面设计到前端开发的全链路生态，可以大大提升设计和开发的效率。</p>
            <a href="">了解更多</a>
        </div>

        <div class="wai6">
            <img src="image/3.jpg.png" alt="" class="tu6">
            <div class="nei6">
            <h3><span>团队优势</span></h3>
            
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,sed do eiusmod tempor incididuntut labore et dolore magna aliqua. Ut enim ad minim veniam，quis nostrud exercitationullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor inreprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Excepteur sintoccaecat cupidatat non proident，sunt in culpa qui officia deserunt mollit anim id estlaborum.</p>
            <dl id="gstd">
                <dt><a href=""><img src="image/bannner1.png" alt="" id="xiaoyuan"></a></dt>
                
                <dd><a href="">工商团队</a></dd>
            </dl>
            <dl>
                <dt><a href=""><img src="image/bannner1.png" alt="" id="xiaoyuan"></a></dt>
                
                <dd><a href="">会计团队</a></dd>
            </dl>
            <dl>
                <dt><a href=""><img src="image/bannner1.png" alt="" id="xiaoyuan"></a></dt>
                
                <dd><a href="">审计团队</a></dd>
            </dl>
            <dl>
                <dt><a href=""><img src="image/bannner1.png" alt="" id="xiaoyuan"></a></dt>
                
                <dd><a href="">审计团队</a></dd>
            </dl>
        </div >
        <div class="wai7">
        <h3><span>常见问题</span></h3>
        
        <a href="">代理记账怎么收费？</a>
        <img src="image/2145514.png" alt="">
        <p>
            从2015年4月起，Ant Design 在蚂蚁金服中后台产品线迅速推广，对接多条业务线，覆盖系统800 个以上。定位于中台业务的Ant Design兼顾专业和非专业的设计人员，具有学习成本低、上手速度快、实现效果好等特点，并且提供从界面设计到前端开发的全链路生态，可以大大提升设计和开发的效率。
        </p>
        <a href="">代理记账怎么收费？</a>
        <img src="image/2145453.png" alt="">
        <a href="">代理记账怎么收费？</a>
        <img src="image/2145453.png" alt="">
        <a href="">代理记账怎么收费？</a>
        <img src="image/2145453.png" alt="">
        <a href="">代理记账怎么收费？</a>
        <img src="image/2145453.png" alt="">
       
        </div 
        >
        <div class="wai8">
        <h3>合作客户</h3>
        <img src="image/banner_footer.png" alt="" id="tu">
        <img src="image/banner_footer.png" alt="">
        <img src="image/banner_footer.png" alt="">
        <img src="image/banner_footer.png" alt="">
        
    </div>
    <div class="wai3">
        <p><a href="" class="a1">
            <img src="image/6.jpg.png" alt="" >
            预约咨询服务
        </a>
        <a href="" class="a1">
            <img src="image/6.jpg.png" alt="" >
            预约咨询服务
        </a>
        <a href="" class="a1">
            <img src="image/6.jpg.png" alt="" >
            预约咨询服务
        </a>
        <a href="" class="a1">
            <img src="image/6.jpg.png" alt="" >
            预约咨询服务
        </a>
        <a href="" class="a1" id="wei">
            <img src="image/6.jpg.png" alt=""  >
            预约咨询服务
        </a></p>
        <div class="nei3">
            <dl id="dl1">
                <dt>帮助中心</dt>
                <dd>&nbsp;</dd>
                <dd><a href="">账户管理</a></dd>
                <dd><a href="">订单操作</a></dd>
            </dl>
            <dl class="dl1">
                <dt>帮助中心</dt>
                <dd>&nbsp;</dd>
                <dd><a href="">账户管理</a></dd>
                <dd><a href="">订单操作</a></dd>
            </dl>
            <dl class="dl1">
                <dt>帮助中心</dt>
                <dd>&nbsp;</dd>
                <dd><a href="">账户管理</a></dd>
                <dd><a href="">订单操作</a></dd>
            </dl>
            <dl class="dl1">
                <dt>帮助中心</dt>
                <dd>&nbsp;</dd>
                <dd><a href="">账户管理</a></dd>
                <dd><a href="">订单操作</a></dd>
            </dl>
            <div class="xiao">
                <dl class="dl1">
                    <dt>客服在线时间</dt>
                    <dd>&nbsp;</dd>
                    <dd><a>周一到周五：9:00-20:00</a></dd>
                    <dd><a>周六、周日：10:00-18:00</a></dd>
                </dl>
              </div>
              <div  class="xiao" id="zuihou">
                <dl class="dl1">
                    <dt><span id="dh">400-6858-108</span></dt>
                    <dd>&nbsp;</dd>
                    <dd><a><a href="" id="kf">人工客服</a></a></dd>
                   
                </dl>
               
                
              </div>
        </div>
    </div>
</div>
</body>
</html>